
  .dians {
    position: fixed;
    top: 30vh;
    transform: translateX(-100%);
    padding-right: 10px;
    margin-right: 30px;
    margin-left: -20px;
    text-align: center;
    div {
      background-color: #fff;
      width: 32px;
      height: 32px;
      font-size: 22px;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      background: var(--bg-second);
      color: var(--disable-text-color);
      margin: 10px;
      margin-bottom: 5px;
      padding: 5px;
      border-radius: 50%;
      background-color: var(--bg);
    }
    .dislike{
      svg{
        margin-bottom: -5px;
        width: 20px;
        height: 20px;
        border-radius: 5px; 
        color: var(--disable-text-color);
      }
    }
    .like{
      svg{
        margin-bottom: -5px;
        width: 20px;
        height: 20px;
        border-radius: 5px;
        background-color: red;
        color: var(--disable-text-color);
      }
      background-color: #fff;
    }
  
    svg:hover{
      background-color: red;
    }
    .quantity{
      position: absolute;
  }
  .quantity sup{
      left: 15px;
      top: 0.5px;
      width: 15px;
      height: 15px;
      min-width: 20px;
      line-height: 12px;
      padding: 0;
      
  }
  }
